<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Document</title>
    <style></style>
  </head>
  <body>
    <div>
      <h1>Webpack体验Tree-Shaking</h1>
      <p>摇掉代码中未引用部分</p>
      <p>
        Tree Shaking
        不是指某个配置选项,它是一组功能搭配使用后的优化效果,在生产模式(production)自动开启
      </p>
      <p>optimization属性用来集中配置优化功能</p>
      <p>在里面配置上useExports:true表示只导出外部使用的成员</p>
      <p>在里面配置上minimize:true表示压缩掉无用的东西</p>
      <p>optimization:{ usedExports : true , minimize : true}</p>
    </div>
    <script></script>
  </body>
</html>
